今天要學習新的CSS語法和HTML語法
CSS語法
1.display:~;
:在值輸入block、inline等盒子屬性
2.color:~;
:設定文字的顏色(前景色),在值輸入色碼或色彩名稱
3.font-weight:~;
:在值輸入數值或bold(變成粗體)等關鍵字
認識組成網頁的各種元件
1.頁首:
頁首就是網頁的開頭區域,要以<header>
標籤標記,通常會放在網頁上方,包含LOGO及導覽列,製作多頁的網站時,通常會讓所有的網頁共用頁首,可維持一致性,也方便透過頁首切換到其他網頁
2.導覽頁:
導覽列是以<nav>
標籤標記,通常會將好幾個連結製成一組選單
3.主要區域
主要區域會以<main>
標籤標記,這是用來放網頁主要資料的區域,通常貼文區域的標籤會放置在此區中
4.貼文區域
貼文是以<article>
標籤來標記,網頁中所有的文章都可以歸類在貼文區域中
5.側邊欄
將網頁分成左右兩欄,並將導覽列或廣告等補充資料放在側邊欄,側邊欄就是以<aside>
標籤來標記
6.頁尾
頁尾就是網頁最下面的區域,是以<footer>
標籤來標記,通常會將網站的著作權宣告(copyright)及聯絡方式等資料放在這個區域
導覽列的名稱會依用途而異
1.全域導覽列
讓網站中所以網頁共用的導覽列,點選之後即可跳至此網站中的主要網頁
2.區域導覽列
用來整合同類網頁的導覽選單
3.麵包屑導覽列
此導覽列會列出使用者目前瀏覽的完整路徑,包括從頁首到當前頁面的路徑,適用於架構較複雜的電子商務網站
今天先到這邊明天再繼續!